﻿<template>
  <div class="saleBags">
  	
		<div class="saleBagsItems">
			<router-link to="/selectCategory">
				<div class="item arrayRgt clearfix">
					<div class="mark"></div>
					<span class="left">品牌</span>
					<span class="right">
						<!--请输入品牌-->
					</span>
					<div class="icon">
						<img src="../img/public/array_right.png" alt="" />
					</div>
				</div>
			</router-link>
			
			<div class="item arrayRgt clearfix">
				<div class="mark"></div>
				<span class="left">使用情况</span>
				<span class="right">
					<!--请选择使用情况-->
					<input type="text" placeholder="请选择使用情况"/>
				</span>
				<div class="icon">
					<img src="../img/public/array_right.png" alt="" />
				</div>
			</div>
			
			<div class="item arrayRgt clearfix">
				<span class="left">宝贝尺寸</span>
				<span class="right">
					<input type="number" placeholder="请输入包体长度"/>
				</span>
				<div class="txt">cm</div>
			</div>
			
			<div class="item hgtAuto">
				<div class="enclosure">
					<p>附件</p>
					<div class="clearfix">
						<p class="clearfix" @click="selectOne(0)"><span><img src="../img/sale/noChecked.png" alt="" v-if="enclosureArr[0]==false"/><img src="../img/sale/checked.png" alt="" v-if="enclosureArr[0]==true"/></span>保卡</p>
						<p class="clearfix" @click="selectOne(1)"><span><img src="../img/sale/noChecked.png" alt="" v-if="enclosureArr[1]==false"/><img src="../img/sale/checked.png" alt="" v-if="enclosureArr[1]==true"/></span>证书</p>
						<p class="clearfix" @click="selectOne(2)"><span><img src="../img/sale/noChecked.png" alt="" v-if="enclosureArr[2]==false"/><img src="../img/sale/checked.png" alt="" v-if="enclosureArr[2]==true"/></span>防尘袋</p>
						<p class="clearfix" @click="selectOne(3)"><span><img src="../img/sale/noChecked.png" alt="" v-if="enclosureArr[3]==false"/><img src="../img/sale/checked.png" alt="" v-if="enclosureArr[3]==true"/></span>肩带</p>
						<p class="clearfix" @click="selectOne(4)"><span><img src="../img/sale/noChecked.png" alt="" v-if="enclosureArr[4]==false"/><img src="../img/sale/checked.png" alt="" v-if="enclosureArr[4]==true"/></span>收据或发票</p>
						<p class="clearfix" @click="selectOne(5)"><span><img src="../img/sale/noChecked.png" alt="" v-if="enclosureArr[5]==false"/><img src="../img/sale/checked.png" alt="" v-if="enclosureArr[5]==true"/></span>五金配件</p>
						<p class="clearfix" @click="selectOne(6)"><span><img src="../img/sale/noChecked.png" alt="" v-if="enclosureArr[6]==false"/><img src="../img/sale/checked.png" alt="" v-if="enclosureArr[6]==true"/></span>其他附件</p>
					</div>
				</div>
			</div>
			
			<div class="item arrayRgt clearfix">
				<div class="mark"></div>
				<span class="left">购买时间</span>
				<span class="right">
					<!--请选择购买时间-->
					<input type="number" placeholder="请选择购买时间"/>
				</span>
				<div class="icon">
					<img src="../img/public/array_right.png" alt="" />
				</div>
			</div>
			
			<div class="item arrayRgt clearfix">
				<span class="left">购买价格</span>
				<span class="right">
					<span>￥</span>
					<input type="number" placeholder="请输入购买价格"/>
				</span>
				<div class="txt">元</div>
			</div>
		</div>
		
		
		<div class="photos">
			<div class="title"><p>照片示例</p><p class="cCCC"><span><img src="../img/goods/question.png"/></span>请添加清晰的照片，以便鉴定师准确估价</p></div>
			<div class="pics">
				<div class="picsBox clearfix">
					<div class="pic" v-for="(item, index) in upLoadPics">
						<div class="clear" @click="deletePic(index)"><img src="../img/sale/clear.png"/></div>
						<img :src="item.url"/>
					</div>
					
					<div class="pic upPic">
						<img src="../img/sale/plus.png"/>
					</div>
				</div>
			</div>
		</div>
		
		<div class="explain">点击提交估价即同意<span>隐私保护&免责声明</span></div>
		
		<div class="foot">
			<div class="footer">
				<div class="btmBtn bgRed" @click="startEvaluation">提交估价</div>
			</div>
		</div>
		
  </div>
</template>

<script src="../js/views/saleBags.js"></script>

<style scoped>
	@import '../css/views/saleBags.css'
</style>
